// 获取需要用到的对象节点
const img = document.getElementsByClassName("img-img")[0]
const imges = document.getElementsByClassName("imgs-img")
const imgs = document.getElementsByClassName("imgs")[0]
const opacity = 0.6;

// 给imgs设置监听函数
img[0].style.opacity = opcity;
imgs.addEventListener("click",fun)


// 设置监听事件绑定的函数
// 通过e的监听来获取到触发事件的具体对象，更换上方主题图片的路径
function fun (e){
    img.forEach((img)=>(img.style.opacity = 1) );
    // for(let i = 0;i<imges.length;i++){
    //     imges[i].style.opacity = 1;
    // }

    img.src = e.target.src
    // 设置点击的图片不透明，因为每次点击都会给点击的图片设置不透明，所以在事件开始的时候需要重置透明度
    e.target.style.opacity = opacity;

}
